html {
    --lx-page-bg-color: #fff;
    --lx-page-color: #f2f3f5;
    --lx-desc-hover-color: rgb(245, 245, 245);
    // --lx-primary-color: #a044d2;
    --lx-primary-color: #1e80ff;
    --lx-shadow-1: 0px 0px 10px 3px #ececec;

    // 文本色
    --lx-text-color-0:#000;
    --lx-text-color-1: #515767;
    --lx-text-color-2: #515767;
    --lx-text-color-3: #8a919f;
    --lx-text-color-4: #c2c8d1;


    --lx-font-1: #252933;
    --lx-font-2: #515767;
    --lx-font-3: #8a919f;
    --lx-font-4: #c2c8d1;


    // 边框
    --lx-layer-fill: #f2f3f5;


    // 灰色度
    --lx-gray-0: #fff;
    --lx-gray-1: #e4e6eb;
    --lx-gray-1-1: #e4e6eb;
    --lx-gray-1-2: rgba(228, 230, 235, 0.5);
    --lx-gray-1-3: #e4e6eb;
    --lx-gray-2: #f2f3f5;
    --lx-gray-3:#f7f8fa;


    @for
    $i from 1 through 20 {
        --lx-margin-#{$i}: #{$i * 5}px;
        --lx-padding-#{$i}: #{$i * 5}px;
    }

    @for
    $i from 1 through 20 {
        --radius-#{$i}: #{$i * 1}px;
    }
}